אני יודע שזאת קהילה של מפתחי PHP, אבל אני בטוח שיש פה גם כמה שיודעים CSS ברמה גבוהה.
אז ככה, יש לי שתי דיבים (#nav + #content), ב #nav יש לי הרבה לינקים ולינק אחד (נקרא לו #display-ul) שמציג\מחביא את #drop-down.
עכשוי ה #drop-down הוא ul. הבעיה שלי מתחילה בזה שהלינק #display-ul לא תמיד באותו מיקום (נגיד שהמשתמש מחובר נוספים עוד לינקים ל #nav וככה הם דוחפים את המיקום שלו) ככה שאי אפשר לעבוד עם position:absolute; ואי אפשר לעבוד עם position:relative; כי הוא דוחף את #content למטה ברגע שהוא מופיע.
הוספתי תמונה כדי שתבינו על מה אני מדבר:

או בקיצור אני צריך לעשות drop down menu שהוא relative ללינק שלו וabsolute (עם z-index) לכל שאר האלמנטים, ניסיתי הרבה שיטות ולכולן יש בעיה אחרת. למישהו יש רעיון?
תודה מראש.
אז ככה, יש לי שתי דיבים (#nav + #content), ב #nav יש לי הרבה לינקים ולינק אחד (נקרא לו #display-ul) שמציג\מחביא את #drop-down.
עכשוי ה #drop-down הוא ul. הבעיה שלי מתחילה בזה שהלינק #display-ul לא תמיד באותו מיקום (נגיד שהמשתמש מחובר נוספים עוד לינקים ל #nav וככה הם דוחפים את המיקום שלו) ככה שאי אפשר לעבוד עם position:absolute; ואי אפשר לעבוד עם position:relative; כי הוא דוחף את #content למטה ברגע שהוא מופיע.
הוספתי תמונה כדי שתבינו על מה אני מדבר:

או בקיצור אני צריך לעשות drop down menu שהוא relative ללינק שלו וabsolute (עם z-index) לכל שאר האלמנטים, ניסיתי הרבה שיטות ולכולן יש בעיה אחרת. למישהו יש רעיון?
תודה מראש.
2 תשובות
מצאתי פיתרון:
עטפתי את #display-ul ואת #drop-down בדיב עם display: inline-block..